<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>前端开发团队</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
	<!-- 外联的CSS文件-->
	<link rel="stylesheet" href="css/bootstrap.css"/> 
	<link rel="stylesheet" href="css/bootstrap-responsive.css"/> 
	<link rel="stylesheet" href="css/docs.css"/> 
	<style>
	body, input, button, textarea {
		font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti,sans-serif;
	  font-weight: normal;
	}
	</style> <!--内联 css 代码-->
    <link href="css/prettify.css" rel="stylesheet">
    <link href="css/bootstro.css" rel="stylesheet">
</head>

<body>
<!-- Navbar ================================================== -->
<div class="navbar navbar-inverse navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container">
			<a class="brand" href="index.html">前端开发团队</a>
		
			<div class="nav-collapse collapse">
				<ul class="nav">
					<li class="active">
						<a href="index.html">首页</a>
					</li>
					<li class="">
						<a class="bootstro" href="getting-started.html">起步</a>
					</li>
					<li class="">
						<a class="bootstro" href="scaffolding.html">脚手架</a>
					</li>
					<li class="">
						<a class="bootstro" href="base-css.html">基本的CSS样式</a>
					</li>
					<li class="">
						<a class="bootstro" href="components.html">组件</a>
					</li>
					<li class="">
						<a class="bootstro" href="api.html">API手册</a>
					</li>
					<li class="">
						<a class="bootstro" href="docs.html">经验交流</a>
					</li>
					<li class="">
						<a class="bootstro" href="tools.html">工具</a>
					</li>
					<li class="">
						<a class="bootstro" href="about.html">关于</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
    

<!-- Subhead
================================================== -->
<div class="jumbotron masthead">
  <div class="container">
	<h1>Front-end Dev</h1>
	<p>Web 前端开发团队空间，让web开发更迅速、简单。</p>
	<p>
	  <a class="btn btn-primary btn-large" href="http://weibo.kedacom.com/weibo/groups/100332" target="_black">微博空间</a>
	  <a id="start-intro" class="btn btn-success btn-large hidden-phone hidden-tablet" href="#">入门指南</a>
	</p>
	<ul class="masthead-links">
	  <li>
		同步资源: svn://172.16.30.3/TS-Docs/10-前端开发
	  </li>

	  <li id="version">
		Version 0.1
	  </li>
	</ul>
  </div>
</div>

  <div class="container">
    <!-- Docs nav
    ================================================== -->
    <div class="marketing">
		
		<h1>前端团队空间专题讨论</h1>
		<p class="marketing-byline">提供各类专题，提供大家讨论</p>

		<div class="row-fluid">
			<div class="span4">
				<a target="_blank" title="浏览器兼容方案"><img width="300" height="150" src="images/bsie.png" class="marketing-img"></a>
				<h2> 
					<a target="_blank" href ="p/bsie.html" title="浏览器兼容方案">兼容专题<br><small>浏览器兼容方案</small></a>
				</h2>
			</div>
			<div class="span4">
				<a target="_blank" title="WebRTC开发专题"><img width="300" height="150" src="images/webRTC.png" class="marketing-img"></a>
				<h2> 
					<a target="_blank" href ="p/webRTC.html" title="WebRTC开发专题">WebRTC<br><small>WebRTC开发专题</small></a>
				</h2>
			</div>
			<div class="span4">
				<a target="_blank" title="WebSocket专题"><img width="300" height="150" src="images/websocket.png" class="marketing-img"></a>
				<h2> 
					<a target="_blank" href ="p/websocket.html" title="WebSocket专题">WebSocket<br><small>WebSocket专题</small></a>
				</h2>
			</div>
		</div>

		<div class="row-fluid" style="margin:10px 0 0 0;">
			<div class="span4">
				<a target="_blank" title="自动更新版本号方案"><img width="300" height="150" src="images/autoVersion.png" class="marketing-img"></a>
				<h2> 
					<a target="_blank" href ="p/autoVersion.html" title="浏览器兼容方案">自动化版本号专题<br><small>自动化版本号方案</small></a>
				</h2>
			</div>
		</div>

		<h1>前端团队空间目录说明</h1>
		<p class="marketing-byline">帮助大家了解基本的目录结构</p>

		<div class="row-fluid">
			    <table class="table table-bordered">
				<tr>
					<td>起步</td>
					<td>这里介绍了从零开始构建Web的基本步骤。教你创建一个最简单的Web页面。</td>
				</tr>
				<tr>
					<td>脚手架</td>
					<td>这里详细介绍了基本布局系统，提供栅格支持，对于栅格系统的理论知识，最好动手谷歌一下！</td>
				</tr>
				<tr>
					<td>基本CSS样式</td>
					<td>这里介绍了对HTML标签所设置的默认样式。任何一个符合HTML5规范的页面只要引入基本样式就自然具有了优雅的外观。</td>
				</tr>
				<tr>
					<td>组件</td>
					<td>这里介绍了常用的组件，有些基于第三方库，有些纯手工编写。</td>
				</tr>
				<tr>
					<td>API</td>
					<td>提供扩展类与组件的以及第三方组件的API查询。</td>
				</tr>
				<tr>
					<td>经验交流</td>
					<td>各类遇到的问题解决经验，编写的案例，网络教程资源</td>
				</tr>
				<tr>
					<td>工具</td>
					<td>Web前端开发的各类工具介绍及教程。</td>
				</tr>
				<tr>
					<td>关于</td>
					<td>前端开发团队的成员介绍，随时欢迎您的加入。</td>
				</tr>
				</table>
		</div>

		<h1>前端团队空间基本介绍</h1>
		<p class="marketing-byline">前端开发交流的平台，帮助大家快速构建项目</p>
		<div class="row-fluid">
			<div class="span4">
				<img width="600" height="290" src="images/bs-docs-twitter-github.png" class="marketing-img lazy">
				<h2>人人为我，我为人人。</h2>
				<p>每个人都是可提供自己编写的代码，搜集的组件整理到前端团队空间中，方便分享交流</p>
			 </div>
			 <div class="span4">
				<img width="554" height="290" data-src="assets/img/bs-docs-responsive-illustrations.png" src="images/bs-docs-responsive-illustrations.png" class="marketing-img lazy">
				<h2>任何人都可以使用。</h2>
				<p>不仅仅现代的桌面浏览器上有极佳的表现。在平板电脑和智能手机上面还有响应式CSS可以使用</p>
			  </div>

			  <div class="span4">
				<img width="600" height="290" data-src="assets/img/bs-docs-bootstrap-features.png" src="images/bs-docs-bootstrap-features.png" class="marketing-img lazy">
				<h2>丰富的特色。</h2>
				<p>丰富的组件、JavaScript插件、排版、表单控件，还有基于web的定制工具。</p>
			  </div>

		</div>


		

    </div>

  </div>

    <!-- Footer
    ================================================== -->
    <footer class="footer">
      <div class="container">
        <p>苏州科达科技股份有限公司 - 前端开发团队</p>
      </div>
    </footer>


</body>
</html>